<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <meta name="description" content="不超过150个字符"/>
    <meta name="keywords" content=""/>
    <meta name="author" content="phpboy, shaoqisq123@gmail.com"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <!-- 添加 RSS 订阅 -->
    <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
    <!-- 添加 favicon icon -->
    <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
    <!--苹果设备 start-->
    <meta name="apple-mobile-web-app-title" content="标题">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <!--苹果离线图标
  iPhone 和 iTouch 57*57 必须有
  iPad 72*72 推荐
  Retina iPhone 和 Retina iTouch，114x114 推荐
  Retina iPad，144x144 推荐
  -->
    <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!--Android Lollipop 中的 Chrome 39 增加 theme-color meta 标签，用来控制选项卡颜色。-->
    <meta name="theme-color" content="#db5945">
    <!-- Windows 8 磁贴颜色 -->
    <meta name="msapplication-TileColor" content="#000"/>
    <!-- Windows 8 磁贴图标 -->
    <meta name="msapplication-TileImage" content="icon.png"/>
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <link rel="stylesheet" href="//cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.css">
    <link href="//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/modernizr/2.8.3/modernizr.min.js"></script>
    <![endif]-->
    <script src="//cdn.amazeui.org/amazeui/2.4.2/js/amazeui.min.js"></script>
    <script src="{:C('STATIC_PATH')}player/player/cyberplayer.min.js"></script>
    <title>{$info.title}</title>
</head>
<body>
<div class="am-panel am-panel-default">
    <div class="am-panel-bd" id="playercontainer" style="padding: 0px;height:300px;"></div>
</div>
<article class="am-article">
    <div class="am-article-hd">
        <h1 class="am-article-title am-text-center">{$info.title}</h1>
        <p class="am-article-meta">{$info.author} 发表于 {$info.atime|timeFormat}</p>
    </div>
    <div class="am-article-bd">
        {$info.msg|htmlspecialchars_decode}
    </div>
</article>
<!--<button type="button" class="am-btn am-btn-danger am-round am-text-center" id="doc-prompt-toggle">我要评论</button>-->
<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">{$info.title}</div>
        <div class="am-modal-bd">
            <input type="text" class="am-modal-prompt-input">
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>提交</span>
        </div>
    </div>
</div>
<hr/>
<!--评论列表-->
<div class="am-panel am-panel-default">
    <div class="am-panel-hd">评论</div>
    <div class="am-panel-bd">
        <!-- 评论容器  strat-->
        <volist name="replist" id="vo">
            <article class="am-comment"> <!-- 评论容器 -->
                <img class="am-comment-avatar am-img-responsive" alt="{$vo.avatar}" src="/{$vo.avatar}"/> <!-- 评论者头像 -->
                <div class="am-comment-main"> <!-- 评论内容容器 -->
                    <header class="am-comment-hd">
                        <div class="am-comment-meta"> <!-- 评论元数据 -->
                            <a href="#link-to-user" class="am-comment-author">{$vo.nickname}</a> <!-- 评论者 -->
                            评论于 <time datetime="">{$vo.rtime|timeFormat}</time>
                        </div>
                    </header>

                    <div class="am-comment-bd">{$vo.content|htmlspecialchars_decode}</div> <!-- 评论内容 -->
                </div>
            </article>
        </volist>
        <!--评论容器- end--->
    </div>
</div>
<script>
    $('#doc-prompt-toggle').on('click', function() {
        $('#my-prompt').modal({
            relatedTarget: this,
            onConfirm: function(e) {
                alert('你输入的是：' + e.data || '')
            },
            onCancel: function(e) {
                alert('不想说!');
            }
        });
    });
    var heart = '';
    var ssid = '{$info.id}';
    var player = cyberplayer("playercontainer").setup({
        width : '100%',
        height : 300,
        backcolor : "#FFFFFF",
        stretching : "uniform",
        file : '/{$info.video}',
        image:'/{$info.poster}',
        autoStart : false,
        repeat : false,
        volume : 100,
        controls : "over"
    });
    player.onPlay(function(event){
        get_postion();
        heart=setInterval("get_postion()", 5000);
    });
    player.onPause(function(event){
        get_postion();
        clearInterval(heart);
    });
    function get_postion(){
        var times=player.getPosition();
        $.post('/Home/video/watchlog/',{vid:ssid,times:times},function(ref){
            console.log(ref)
        },'json');
    }
</script>
</body>
</html>